<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge' content="text/html">
    <title>{$eju.field.seo_title}</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="{$eju.field.seo_description}" />
    <meta name="keywords" content="{$eju.field.seo_keywords}" />
    <link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="applicable-device"content="mobile">
    {eju:static file="skin/yiju_view/css/reset.css" /}
    {eju:static file="skin/css/public.css" /}
    {eju:static file="skin/css/house.css" /}

    {eju:static file="skin/css/ejucms_m.css" /}

    {eju:static file="skin/yiju_view/css/view_index.css" /}
    {eju:static file="skin/css/alert.css" /}
    {eju:static file="skin/css/quyu.css" /}

    {eju:static file="skin/yiju_view/plugins/Swiper-3.4.2/dist/css/swiper.min.css" /}
    {eju:static file="skin/yiju_view/plugins/layer_mobile/need/layer.css" /}
    {eju:static file="skin/css/map.css" /}
    {eju:static file="skin/yiju_view/js/jquery.js" /}
</head>
<body>

<!-- 头部 -->
    {eju:include file="quyu.htm"/}
    {eju:include file="xinfang_form.htm"/}
	<header class="fixed">
        <div class="flexbox">
            <div class="go_back" onclick="history.back()">
                <img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/left_arrow.png" width="20px"/>
            </div>
            <div class="logo">
            <img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/logo.png" width="100%"/>
            </div>
            <div class="location locate-picker">
                <a class="cityChoo" > <span>{$eju.region.name}</span></a>
            </div>
        </div>
    </header>
    <div id="go_top"></div>
    <!-- 内容 -->
    <div id="container">


        <!-- 回到顶部 -->
        <!-- banner -->
        <div style="background-color: #eee;padding-bottom: 10px">

        <div id="banner">
            <div class="swiper-container" id="swiper-banner">

				<div class="swiper-wrapper" style="height: 302px">

                    {eju:volist name="$eju.field.photo_list" id="vo"}
                    <div class="swiper-slide" style="background-color: #efefef;">
                        <a href="{:arcurl('home/zufang/index',['aid'=>$eju.field.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'photo'])}">
                            <img src="{$vo.photo_pic}" alt="{$vo.photo_title}"/>
                        </a>
                    </div>
                    {/eju:volist}
                </div>
                <div id="swiper-pagination-custom1" class="swiper-pagination"></div>
			</div>
        </div>
        <!-- 详情 -->
        <div id="detail" class="box">
            <h1 class="box-title">{$eju.field.title}</h1>
            <div class="tags">
                {eju:volist name="$eju.field.manage_type" id="vo"}
                <span class="tag">{$vo}</span>
                {/eju:volist}
            </div>
            <div>
                <table>
                    <tr>
                        <td class="col-title">参考单价</td>
                        <td class="col-value">{$eju.field.average_price}{$eju.field.price_units}</td>
                    </tr>
                    <tr>
                        <td class="col-title">参考总价</td>
                        <td class="col-value">{$eju.field.total_price}{$eju.field.total_price_unit}</td>
                    </tr>
                    <tr>
                        <td class="col-title">开盘时间</td>
                        <td class="col-value">{$eju.field.opening_time|myDate='Y-m-d',###}</td>
                    </tr>
                    <tr>
                        <td class="col-title">楼盘地址</td>
                        <td class="col-value baoming-btn" data-id="14">{$eju.field.address}<a class="btn-ghost-danger">发送楼盘地址</a></td>
                    </tr>
                </table>
            </div>
            <p class="call-line">电话：{$eju.field.sale_phone}<a class="btn-ghost-danger" href="tel:{$eju.field.sale_phone}">一键拨号</a></p>
            <p  class="see-detail"><a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'detail'])}">查看楼盘详细信息 ></a></p>
            <div class="detail-footer">
                <div class="baoming-btn" data-id="9"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/clock.png"> 获取优惠通知</div>
                <div class="baoming-btn" data-id="11"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/company.png" > 获取开盘通知</div>
            </div>
        </div>
        </div>
        <!-- 服务 -->
        <div id="service" class="box">
            <h1 class="box-title">专业置业服务</h1>
            <div class="tag-items">
                <div class="tag"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/loupanfenxi.png" class="tag-icon"/>楼盘分析</div>
                <div class="tag"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/xuqiupipei.png" class="tag-icon"/>需求匹配</div>
                <div class="tag"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/zhuanchejiesong.png" class="tag-icon"/>专车接送</div>
                <div class="tag"><img src="{eju:global name='web_templets_m' /}/skin/yiju_view/images/icon/shouhougenzong.png" class="tag-icon"/>售后跟踪</div>
            </div>
            <div class="list1">
                <div class="list-item">
                    <div class="avatar">
                        <img src="{$eju.field.saleman.litpic}"/>
                    </div>
                    <div class="list-content">
                        <div class="nickname">
                            {$eju.field.saleman.true_name}
                        </div>
                        <div class="service-num">服务：{$eju.field.saleman.consult}人</div>
                        <div class="marjor">
                            主营：{$eju.field.saleman.xiaoqu}
                        </div>
                    </div>
                </div>
                {eju:volist name="$eju.field.jingjiren" id="vo"}
                <div class="list-item">
                    <div class="avatar">
                        <img src="{$vo.litpic}"/>
                    </div>
                    <div class="list-content">
                        <div class="nickname">
                            {$vo.true_name}
                        </div>
                        <div class="service-num">服务：{$vo.consult}人</div>
                        <div class="marjor">
                            主营：{:join(',',$vo['xiaoqu'])}
                        </div>
                    </div>
                </div>
                {/eju:volist}
            </div>
        </div>
        <!-- 广告 -->
        <div class="box">
            <div class="ad">
                <div class="ad_content">
                    <p class="bold">管家免费专车接送看房</p>
                    <p>已有108人预约</p>
                </div>
                <div class="ad_btn">
                    <a class="yuyue baoming-btn" data-id="2">立即预约</a>
                </div>
            </div>
        </div>
        <!-- 楼盘动态 -->
        <div class="box">
            <h1 class="box-title">楼盘动态</h1>
            <div class="dongtai-list">
                {eju:arclist typeid='4' orderby='add_time' row='10' id="field"}
                <div class="list-item" onclick="location.href='/?m=home&c=View&a=index&aid={$field.aid}'">
                    <div class="dongtai-neirong">{$field.title}</div>
                    <div class="dongtai-time">{$field.add_time|myDate='Y.m.d',###}</div>
                </div>
                {/eju:arclist}
            </div>
            <p class="read-more" onclick="location.href='/?m=home&c=lists&a=index&tid=4'">阅读更多</p>
            <div class="xdt-box">
                <button class="baoming-btn xdt" data-id="3">新动态通知我 <span>&nbsp;&nbsp;&gt;</span></button>
            </div>
        </div>
        <div class="box" id="base_info">
            <h1 class="box-title">楼盘基础信息</h1>
            <ul class="info">
                {eju:notempty name='$eju.field.title'/}
                <li class=""><span class="txt-1">楼盘名称 :&nbsp;</span> <span class="txt-2">{$eju.field.title}</span></li>
                {/eju:notempty}
                {eju:notempty name='$eju.field.city_id'/}
                <li><span class="txt-1">所属区域 :&nbsp;</span> <span class="txt-2">{$field.city_id|get_city_name}</span></li>
                {/eju:notempty}
                {eju:notempty name='$eju.field.average_price'/}
                <li><span class="txt-1">参考均价 :&nbsp;</span> <span class="txt-2">{$eju.field.average_price}{else /}
        暂未数据</span></li>
                {/eju:notempty}
                {eju:notempty name='$eju.field.fitment'/}
                <li><span class="txt-1">装修情况 :&nbsp;</span> <span class="txt-2">{$eju.field.fitment|implode=',',###}{else /}
        暂未数据</span></li>
                {/eju:notempty}
                {eju:notempty name='$eju.field.manage_type'/}
                <li class="l2"><span class="txt-1">物业用途 :&nbsp;</span> <span class="txt-2">{$eju.field.manage_type|implode=',',###}{else /}
        暂未数据</span></li>
                {/eju:notempty}
            </ul>
            <div class="zkgd">
                展开更多&nbsp;&nbsp;
            </div>
            <div class="bottom-single-btn-box">
                <button class="single-btn" onclick="">获取楼盘全面测评 <span>&nbsp;&nbsp;&gt;</span></button>
            </div>
        </div>
        <!-- 楼盘地址 -->
        <div class="box">
            <h1 class="box-title">周边配套</h1>
            <div class="mapmain">
                {eju:surroundings field="$eju['field']" canvas="y_lpmap" tag="heihei" select="active" total="total" tab="lp-map-tab" result="result"}
                <div class="map-mart">
                    <div class="map-mart-title" id="map-keyword">
                        {eju:volist name="$field.list" id="vo"}
                        <a href="javascript:;" class="heihei" onclick="select_around({$key});">{$vo}</a>
                        {/eju:volist}
                    </div>
                    <div class="y_lpdt" id="y_lpmap" style="width:100%;height: 300px;"></div>

                    <ul class="map-mart-lists" id="result">
                    </ul>
                </div>

                {$field.hidden}
                {/eju:surroundings}

            </div>
            <div class="bottom-single-btn-box">
                <button class="baoming-btn single-btn" data-id="15">获取学区配套信息 <span>&nbsp;&nbsp;&gt;</span></button>
            </div>
        </div>
        <!-- 周边楼盘 -->
        <div class="box">
            <h1 class="box-title">近期开盘推荐</h1>
            <div class="items">
                <ul class="ne_house">
                    {eju:arclist  orderby='rand' row='5' id="vo" addfields="discount"}
                    <li class="item" onclick="location.href='/?m=home&c=View&a=index&aid='+{$vo.aid}">
                        <div class="item-content">
                            <div class="item-thumb">
                                <img src="{$vo.litpic}" style="width: 97px;height: 72px"/>
                            </div>
                            <div class="item-desc">
                                <div class="house-title">{$vo.title}</div>
                                <div class="house-locate">{$vo.city_id|get_city_name}</div>
                                {eju:notempty name="$vo.characteristic"}
                                <div class="house-tags">
                                    {eju:volist name="$vo.characteristic" id="vv"}
                                    <span class="house-tag">{$vv}</span>
                                    {/eju:volist}
                                </div>
                                {/eju:notempty}
                                <div class="house-time"><span>{$vo.opening_time|myDate='Y-m-d',###}开盘</span></div>
                            </div>
                            <div class="status">
                                {$vo.sale_status}
                            </div>
                        </div>

                    </li>
                    {/eju:arclist}
                </ul>
            </div>

        </div>
    </div>
    <footer class="flexable">
        <div class="sub" onclick="location.href='https://qiao.baidu.com/'">
            <p class="sub_img"><img src="{eju:global name='web_templets_mobile' /}/skin/yiju_view/images/icon/zaixianzixun.png"/></p>
            <p class="sub_text">在线咨询</p>
        </div>
        <div class="yykf baoming-btn" data-id="2">
            <p class="txt_1">获取底价</p>
            <p class="txt_2">专享限时优惠</p>
        </div>
        <a class="to_call" href="tel:{$eju.field.sale_phone}">
            <p class="txt_1">电话咨询</p>
            <p class="txt_2">已为您设置个人隐私</p>
        </a>
    </footer>
    {eju:static file="skin/yiju_view/plugins/layer_mobile/layer.js" /}
    {eju:static file="skin/yiju_view/plugins/Swiper-3.4.2/dist/js/swiper.jquery.js" /}
    {eju:static file="skin/js/nav.js" /}
{eju:static file="skin/js/method.js" /}

    <script>
        var Page = {
            bannerSwiper:null,
            typeSwiper:null,
            form:null,
            box_id:null,
            init:function(){
                // this.form = $("#baoming").html();
                this.render_banner(this);
                this.render_type(this);
                this.go_top(this);
                this.baoming(this)
            },
            toast_msg:function(msg){
                layer.open({
                    content: msg
                    ,skin: 'msg'
                    ,time: 2 //2秒后自动关闭
                });
            },
            render_banner:function(that){
                that.bannerSwiper = new Swiper ('#swiper-banner',{
                    pagination : '.swiper-pagination',
                    paginationType : 'custom',
                    loop:true,
                    autoplay:3000,
                    paginationCustomRender: function (swiper, current, total) {
                        return "共"+current + '/' + total+"张";
                    }
                })
            },
            render_type:function(that){
                that.typeSwiper = new Swiper ('#swiper-list',{
                    watchSlidesProgress : true,
                    watchSlidesVisibility : true,
                    slidesPerView : 3,
                    centeredSlides : false
                })
            },
            go_top:function(that){
                    //回到顶部
                $('#go_top').hide();
                $(window).scroll(function(){
                    if($(window).scrollTop()>300){
                        $('#go_top').fadeIn(300);
                        }
                        else{$('#go_top').fadeOut(200);}

                    });
                    $('#go_top').click(function(){
                        $('body,html').animate({scrollTop:0},300);
                        return false;
                })
            },
            baoming:function (that) {
                $(".baoming-btn").click(function () {
                    that.box_id = $(this).data('id');
                    //页面层
                    $("#baoming-"+that.box_id).show();
                })
                $(".input-baoming").click(function () {
                    $("#baoming-"+that.box_id).hide();
                })
            }

        }
        $(function(){
            Page.init();
        })
    </script>
</body>
</html>